<header >
	<div class="container">
		<div class="row top-header">
			<div class="col-sm-3 text-left">
				<a href="#" class="logo">
					<img src="../../../../images/logo.png" alt="logo">
				</a>
			</div>				
		
		</div>
	</div>
	<div class="container">
		<div class="bg-mn color-inher">
			<div class="row m-0">
			
				<!-- 下拉导航条 -->
				<div class="col-sm-1 col-md-1 col-lg-2 p-0">
					<div class="dropdown category-bar">
						<a href="#" class="dropdown-toggle"  role="button" aria-haspopup="true" aria-expanded="true">
							<i class="fa fa-bars"></i><span>Categories</span>
						</a>
					</div>
				</div>
				
				
				<div class="col-sm-8 col-md-8 col-lg-7 p-0">
					<div class="main-menu">
						<nav class="navbar navbar-default menu">
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed m-r-xs-15" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
								<ul class="nav navbar-nav"> 
										<li><a ui-sref="home">Home</a></li>
										<li><a ui-sref="login">Login</a></li>
										<li ng-controller="homeController as hc"><a href="" ng-click="hc.loginOut()">Out</a></li>
										<li><a ui-sref="register">Register</a></li>
										<li><a ui-sref="/shoppingCart/calculate">Cart</a></li>
										<li><a ui-sref="order">MyHome</a></li>
								</ul>
							</div>
						</nav>
					</div>
				</div>	
				<div class="col-sm-3 col-md-3 col-lg-3 p-0">
					<div class="search-box m-l-xs-15 m-r-xs-15">
						<input type="text" class="form-item" placeholder="Search...">
						<button type="submit" class="fa fa-search"></button>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>


<div class="Caddress" ng-controller="addressController as ac">
	<!-- <div ng-controller="shoppingCartController as sc"> -->
			<div class="open_new">
					<button class="open_btn" id="use_new_address_btn" ng-click="ac.openModal()">使用新地址</button>
				</div>
				
					<div class="add_mi">
						<!-- <p style="border-bottom:1px dashed #ccc;line-height:28px;">浙江杭州(爸爸收)</p>
						<p>萧山 北干 明怡花苑53幢3单元 13735683918</p> -->
						
						<!-- <select name="warehouse">
							 <option value="天津">天津</option>
							 <option value="上海">上海</option>
							 <option value="香港">香港</option>
						 </select> -->
						
						<select id="sel" ng-model="selectedAddr" ng-change="ac.getSelectedAddr()">
							<option ng-repeat="addr in ac.addressList">{{addr.address}}&nbsp;&nbsp;{{addr.phone}}&nbsp;&nbsp;{{addr.receiver}}</option>
						</select>
					</div>
				
			</div>
		
			<div class="shopping_content" ng-controller="calculateController as cc">
					<div>
							<span style="color:red">{{addressNullMessage}}</span>
						</div>
				<div class="shopping_table">
					<table border="1" bordercolor="#cccccc" cellspacing="0" cellpadding="0" style="width: 100%; text-align: center;">
						<tr>
							<th align="center">序号</th>
							<th align="center">商品图片</th>
							<th align="center">商品名称</th>
							<th align="center">商品价格</th>
							<th align="center">商品总额</th>
							<th align="center">商品数量</th>
							<th align="center">商品操作</th>
						</tr>
						
						<!-- 代码后面是需要优化的 -->
						<!-- 循环输出商品内容 -->
		
						
							<tr ng-repeat="item in cc.shoppingCart track by $index">
								 <td ng-bind="$index+1"></td>
								<td align="center">
									<a><img width="120" height="100" src="{{item.image}}" /></a>
								</td>
								<td id="aaaa">
								<!-- 商品名称 -->
									<span>{{item.name}}</span>
								</td>
								<td>
									<span>{{item.price}}</span>
								</td>

								<td>
										<span>{{item.subTotalMoney}}</span>
									</td> 

								<td>
									<button class="btn_reduce" id="minus_foods_in_orderInfo" ng-click="cc.minusOneItem(item)">-</button>
									<input class="momey_input" type="" name="" id="food_total_in_order"  disabled="disabled" ng-model="item.num" /> 
									<button class="btn_add" id="plus_foods_in_orderInfo" ng-click="cc.plusOneItem(item)">+</button>
								</td>
								<td>
									<button class="btn_r" name="remove_food_in_orderInfo" ng-click="cc.removeOrderItemFromShoppingCart(item)">删除</button>
								</td>
							</tr>
						
						<!-- 循环输出商品内容 结束 -->
					</table>
					<div class="" style="width: 100%; text-align: right; margin-top: 10px;">
						<div class="div_outMumey" style="float: left; background-color: red">
							总价： <span class="out_momey">{{cc.totalMoney}}</span>
						</div>
						<button id="pay_from_orderInfo" class="btn_closing" ng-click="cc.payFromOrderInfo()">结算</button>
					</div>
				</div>	
	<!-- </div>	 -->
</div>